<template>
    <Collapsed v-model:show="show" />
    <a-space>
        <Breadcrumb />
    </a-space>

    <div style="float: right;">
        <a-space>
            <UserSettings />
            <WebSettings />
        </a-space>
    </div>
</template>

<script lang="ts" setup>
import Collapsed from './Collapsed.vue'
import Breadcrumb from './Breadcrumb.vue'
import UserSettings from './UserSettings.vue'
import WebSettings from './WebSettings.vue'

const emits = defineEmits(['update:collapsed'])
defineProps<{
    collapsed: boolean
}>()

const show = ref(false)
watch(() => show.value, (v) => {
    emits('update:collapsed', v)
})
</script>